.my-order{
	display: flex;
	flex-direction: column;
	height: 100vh;
	.main{
		flex: 1;
		overflow: hidden;
		::v-deep .tab {
			height: 100%;
			// display: flex;
			// flex-direction: column;
		.tab-bar{
			background-color: transparent !important;
			height: 88rpx !important;
			&::after{
				background-color: transparent !important;
			}
		}
			.tab-cont{
				// width: 400% !important;
				padding: 0rpx !important;
				height: calc(100% - 88rpx);
				// flex: 1;
				// overflow: hidden;
			}
			.tab-pane{
				// width: 100% !important;
				height:100%;
			}
			.tab-bar-item{
				color: #333333;
				.txt{
					height: 40rpx !important;
					font-size: 28rpx !important;
					font-family:$global-font-family;
					font-weight: 400;
					line-height: 40rpx !important;
				}
				.active-line{
					width: 98rpx !important;
					height: 10rpx !important;
					border-radius: 10rpx;
					bottom: 4rpx;
					background:$global-theme-color !important;
				}
				&.active{
					color:$global-theme-color;
					.txt{
						font-weight: 800 !important;
					}
				}
			}
		
		}
		.scroll-view{
			height:100%;
			.order-list-wrapper{
				background-color: #ffffff;
				min-height:100%;
				padding: 32rpx;
				box-sizing: border-box;
				// display: flex;
				// flex-wrap: wrap;
				// justify-content: space-between;
				background-color: #f2f2f2;
			}
		}
	}
}